<template>
	<view>
		<view class="header">
			<p class="place">北京</p>
			<u--input class="search" placeholder="请在这里输入区域/商圈" suffixIcon="map-fill"
				suffixIconStyle="color: #909399"></u--input>
			<a>租房成交战绩</a>
		</view>
		<view class="main">

		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {

		}
	},
	methods: {

	}
}
</script>

<style lang="scss">
.header {
	width: 100%;
	height: 100rpx;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;

	.place {
		font-size: 26rpx;
		position: relative;
	}

	.place::after {
		content: "";
		width: 10rpx;
		height: 10rpx;
		background: black;
		position: absolute;
		top: 0;
		left: 0;
	}

	.u-input__content {
		height: 50rpx;
		border: 1px solid #ccc;
		font-size: 24rpx;
		text-indent: 1em;
	}

	a {
		color: blue;
		font-size: 26rpx;
	}
}</style>
